<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>迷笛club详情</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/swiper-3.4.2.min.css"/>
		<script src="__PUBLIC__/midi/js/jquery-2.2.3 (1).js" type="text/javascript"></script>
		<script src="__PUBLIC__/midi/js/public.js" type="text/javascript"></script>
		<script src="__PUBLIC__/midi/js/swiper-3.4.2.jquery.min.js"></script>
	    <style>
	    	.xwxq .con{
	    		width: 1200px;
	    		margin: 0 auto;
	    	}
	    	.xwxq .con .inner{
	    		padding: 26px 56px 100px 54px;
	    	}
	    	.inner h2{
	    		font-size: 22px;
	    		color:#333;
	    		margin-bottom: 22px;
	    		font-weight: bold;
	    	}
	    	.xwxq .inner span{
	    		font-size: 14px;
	    		color: #777;
	    		margin-bottom: 40px;
	    		display: block;
	    	}
	    	.xwxq-item{
	    		margin-bottom: 66px;
	    	}
	    	.xwxq-item .title{
	    		color: #29D0C9;
	    		margin-bottom: 16px;
	    	}
	    	.xwxq-item .line{
	    		width: 90px;
	    		height: 4px;
	    		background-color: #29D0C9;
	    		margin-bottom: 30px;
	    	}
	    	.xwxq-item .name{
	    		margin-bottom: 28px;
	    	}
	    	.xwxq-item .intro{
	    		color: #333;
	    		line-height: 23px;
	    		margin-bottom: 54px;
	    	}
	    	.xwxq-item .img{
	    		text-align: center;
	    	}
	    	.two .title{
	    		margin-bottom: 26px;
	    	}
	    	.three{
	    		margin-bottom: 100px;
	    	}
	    	.three .intro{
	    		margin-bottom: 0;
	    	}
	    	#allmap{
	    		height: 500px;
	    		border: 1px solid #29d0c9;
	    	}

	    	@media only screen and (max-width: 1200px) {
	    		.banner{
	    			display: none;
	    		}
	    		.shipin-datails{
	    			display: none;
	    		}
	    		.xwxq .con{
	    			width: 100%;
	    		}
	    		.xwxq .con .inner{
	    			padding: 2vh;
	    		}
	    		.inner h2{
	    			font-size: 5vw;
	    		}
	    		.xwxq .inner span{
	    			font-size: 4vw;
	    		}
	    		.xwxq-item .intro{
	    			font-size: 3.4vw;
	    			line-height: inherit;
	    			margin-bottom: 5vh;
	    		}
	    	}
	    	@media only screen and (min-width:1201px ) {
                 .banner-mb{
	    		       display: none;
	    	       }
	    	     .wiezhi{
	    		      display: none;
	    	       }
	    	}
	    </style>
	</head>
	<body>
		<!--头部导航栏开始-->
		<include file="Public/header" />
		<!--头部导航栏结束-->
		<!--首页第一个轮播图开始-->
		<div class="banner swiper-container">
			<div class="swiper-wrapper">
				<a class="swiper-slide"><img src="__PUBLIC__/midi/img/banner1.png"/></a>
				<a class="swiper-slide"><img src="__PUBLIC__/midi/img/banner4.jpg"/></a>
				<a class="swiper-slide"><img src="__PUBLIC__/midi/img/banner2.png"/></a>
				<a class="swiper-slide"><img src="__PUBLIC__/midi/img/banner3.jpg"/></a>
				<a class="swiper-slide"><img src="__PUBLIC__/midi/img/banner5.jpg"/></a>
			</div>
			<ul class="swiper-pagination">
			</ul>
		</div>
		<div class="banner-mb swiper-container">
			<div class="banner-mb-bg swiper-wrapper">
				<a class="swiper-slide"><img src="/Public/midi/mb-img/banner-1-mb.png"/></a>
				<a class="swiper-slide"><img src="/Public/midi/mb-img/banner-1-mb.png"/></a>
				<a class="swiper-slide"><img src="/Public/midi/mb-img/banner-1-mb.png"/></a>
				<a class="swiper-slide"><img src="/Public/midi/mb-img/banner-1-mb.png"/></a>
				<a class="swiper-slide"><img src="/Public/midi/mb-img/banner-1-mb.png"/></a>
			</div>
			<ul class="swiper-pagination">
			</ul>
		</div>
		<!--首页第一个轮播图结束-->
		<!--视频页的详细信息-->
		<div class="shipin-datails">
			<div class="con">
				<div class="inner">
					<i></i>
				    <span>当前位置：首页 &gt; 迷笛club &gt; 迷笛club详情</span>
				</div>
			</div>
		</div>
		<div class="wiezhi">
			   <div class="con">
				  <span>当前位置：首页&gt; 迷笛club &gt; 迷笛club详情</span>
			   </div>
		    </div>
		<!--视频页的详细信息结束-->
	    <!--新闻详情页的主要内容-->
	    <div class="xwxq">
	    	<div class="con">
	    		<div class="inner">
	    			<h2>{$club_arr.midiclub_name}</h2>
	    			<span>{$club_arr.midiclub_address}</span>
	    			<div class="xwxq-item">
	    				<p class="title">简介</p>
	    				<div class="line"></div>
	    				<p class="intro">
	    					{$club_arr.midiclub_content}
	    				</p>
	    			</div>
	    		    <div class="xwxq-item two three">
	    				<p class="title">具体位置</p>
	    				<p class="intro" id="allmap">

	    				</p>
	    			</div>
	    		</div>
	    	</div>
	    </div>
	    <!--新闻详情页的主要内容结束-->
	    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=XgOSVSZsM4xGvYGmUjSbFWElBIz0SxMe"></script>
    <script>

    	var map = new BMap.Map("allmap");
    	var point = new BMap.Point('{$club_arr.midiclub_lng}','{$club_arr.midiclub_lat}');
    	map.centerAndZoom(point,15);
    	var marker = new BMap.Marker(point);
    	map.addOverlay(marker);
    	marker.setAnimation(BMAP_ANIMATION_BOUNCE);


    </script>
	</body>
</html>
